<template>
	<nav class="navbar navbar-default navbar-fixed-top navbar-inverse" role="navigation">
		<div class="container-fluid">
			<div class="navbar-header"> <img class="navbar-brand logo" alt="Brand" src=""></div>
			<div class="navbar-left">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" 
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                   </button>
			</div>
			<div class="nav navbar-nav navbar-right dropdown top-right">
				<button class="btn btn-default dropdown-toggle top-btn " type="button" data-toggle="dropdown">当前用户：pc12090 <span class="caret"></span> </button>
				<button type="button" class="navbar-toggle" data-toggle="dropdown" data-target="#example-navbar-collapse" style="color:#c6cfda;">
                <span class="down-icon"><img src="../../../static/images/down.png" width="18"></span>
      </button>
				<ul class="dropdown-menu">
					<li>
						<a href="#">修改密码</a>
					</li>
					<li>
						<a href="#">退出登录</a>
					</li>
				</ul>
			</div>
		</div>
	</nav>
</template>
<script>
	export default {
		name: 'common',
		data() {
			return {
				message: 'Welcome to Your Vue.js App'
			}
		},
		methods: {
			al: function() {
				alert('123')
			}
		}
	}
</script>